<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    <title>动动听听播放器《HTML5》</title>

    <link rel="stylesheet" href="./css/jquery.mobile-1.3.0.css"/>
      
    <script type="text/javascript" src="./js/jquery-1.8.3.js"></script>
    <script type="text/javascript" src="./js/jquery.mobile-1.3.0.js"></script>
    <script type="text/javascript" src="rte/cordova.js"></script>  
    <script type="text/javascript" src="rte/rte.js"></script>  
    <script type="text/javascript" src="js/main.js"></script>
    
    <link rel="stylesheet" href="./css/style.css" />
</head>

<body>
    <div data-role="page" id="foo">
        <div data-role="header" data-position="fixed" >
            <h1>动动听听播放器《HTML5》</h1>
        </div><!-- /header -->

        <div data-role="content" >
            <ul data-role="listview"  style="margin-top: 0;">
                        <li data-role="list-divider">A</li>
                        <li><a href="section1.html">Adam Lambert</a></li>
                        <li><a href="section1.html">Adele</a></li>
                        <li><a href="section1.html">Amy Winehouse</a></li>

                        <li data-role="list-divider">B</li>
                        <li><a href="section1.html">Beyonce</a></li>

                        <li data-role="list-divider">C</li>
                        <li><a href="section1.html">Chris Brown</a></li>
                        
                        <li data-role="list-divider">D</li>
                        <li><a href="section1.html">David Guetta</a></li>
                        <li><a href="section1.html">Drake</a></li>

                        <li data-role="list-divider">E</li>
                        <li><a href="section1.html">Ed Sheeran</a></li>
                        <li><a href="section1.html">Eric Benet</a></li>

                        <li data-role="list-divider">F</li>
                        <li><a href="section1.html">Far East Movement</a></li>

                        <li data-role="list-divider">H</li>
                        <li><a href="section1.html">Hope</a></li>
                        <li><a href="section1.html">Hot Chelle Rae</a></li>
                    </ul>
        </div><!-- /content -->
    
        <div data-role="footer" data-id="fool" data-position="fixed" >
            <div data-role="navbar">
                <ul>
                    <li><a href="section1.html" >播放列表</a></li>
                    <li><a href="index.html">音乐试听</a></li>
                    <li><a href="section2.html" class="ui-btn-active">艺术家</a></li>
                </ul>
            </div><!-- /navbar -->
        </div><!-- /footer -->
    </div><!-- /page -->
</body>
</html>